@import './variables';

.el-form{
  .el-form-item__label{color:$fontColor;}
  &--inline{
    .el-form-item{
      margin-right: 20px;
    }
    .el-form-item__label{
      padding-right:8px;
    }
  }
}


.el-dialog{
  &.is-fullscreen{
    .el-dialog__body{max-height:100%;}
  }
}
.dialog-footer{text-align:center;}
.dialog-form{
  .el-select,.el-date-editor.el-input{width:100%;}
  .el-form-item.is-error .el-input__inner,.el-form-item.is-error .el-input__inner:focus{
    border-color:#dcdfe6;
  }
  .el-form{
    // .el-form-item__label{text-align:left;}
    .no-label{
      .el-form-item__content{margin-left:0 !important;}
    }
  }
  .dialog-footer{text-align:center;}
  .el-dialog__body{
    max-height:600px;
    overflow:auto;
  }
  .form-title{
    display:flex;justify-content: space-between;margin:15px 0;padding-bottom:10px;border-bottom:1px solid $lineColor;
    h4{margin:0;font-size:16px;color:#303133;}
    &:first-child{
      margin-top:0;
    }
  }
  .el-form-item.is-error{
    .el-input__inner:focus,.el-textarea__inner:focus{
      border-color:$mainColor;
    }
    .el-textarea__inner{
      border-color:#dcdfe6;
    }
  }
  .el-form-item--small{
    .el-form-item__content{
      height:32px;
    }
    &.height-auto{
      .el-form-item__content{
        height:auto;
      }
    }
  }
  .check-group{
    &::after{
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0;
    }
    .el-checkbox{
      float:left;
      .el-checkbox__label{
        line-height:16px;
      }
    }
  }
}

.el-table{
  // &__header
  thead{
    th.el-table__cell{background:$thColor;color:#333;font-weight:normal;}
  }
  &.nobg{
    thead{
      th.el-table__cell{background:#fff;}
    }
  }
  tbody{
    color:$fontColor;
  }
  .table-img{
    float:left;
    img{height:22px;width:auto;}
  }
  .el-link.el-link--primary{color:$mainColor;
    &:hover{color:$mainColor;text-decoration:none;}
  }
  .el-link.el-link--primary.is-underline:hover:after{border-color:$mainColor;}
}

.el-tabs{
  .el-tabs__item{color:$fontColor;}
  .el-tabs__item.is-active{color:$mainColor;font-size:18px;font-weight:bold;}
  .el-tabs__active-bar{background-color:$mainColor};
  .el-tabs__nav-wrap{        
    &::after{height:1px;}
    .el-tabs__item{color:$gray6;
      &.is-active{color:$mainColor;font-size:18px;font-weight:bold;}
    }
  }
}

.el-button--text{
  &.c-blue{color:$blue;}
  &.c-yellow{color:$yellow;}
  &.c-red{color:$red;
    &:hover{
      color:#F56C6C;
    }
  }
}

.el-pagination{
  text-align:center;
}

.el-pagination.is-background .btn-prev, .el-pagination.is-background .btn-next, .el-pagination.is-background .el-pager li{
  border:1px solid #dfe6ec;border-radius:4px;background:#fff;
}